﻿@{
    ViewBag.Title = "正在进行";
    Layout = "~/Views/Shared/_Layout.Mobile.cshtml";
}
<div class="mainCont" style="position:relative">
    <div class="headClass"><span class="headline">产品A&nbsp;&nbsp;水稻&nbsp;&nbsp;玉米</span></div>
    <div class="triallist">
        <div class="item" onclick="location.href='../Trial/AddReport'">
            <div class="triallistitem">报告1</div>
            <div class="iconright">
                <img class="iconrightimg" src="~/Images/Back Chevron.png" />
            </div>
            <div class="dasheditem"></div>
        </div>

        <div class="item">
            <div class="triallistitem">报告2</div>
            <div class="iconright">
                <img class="iconrightimg" src="~/Images/Back Chevron.png" />
            </div>
            <div class="dasheditem"></div>
        </div>

        <div class="item">
            <div class="triallistitem">报告3</div>
            <div class="iconright">
                <img class="iconrightimg" src="~/Images/Back Chevron.png" />
            </div>
            <div class="dasheditem"></div>
        </div>
        <div style="margin-top:5px">
            <img style="height:15px;margin:10px;float:left;" src="~/Images/Group.png" />
            <div style="color:#ffffff;float:left;font:14px;margin-top:10px"><a href="#myPopup" data-rel="popup" style="text-decoration:underline;color:#ffffff">新增报告</a></div>
        </div>
        <div data-role="popup" id="myPopup" class="ui-content ui-btn-right" data-rel="back" data-position-to="window" style="background-color:#00985f;color:#ffffff">
            <label>报告名称</label>
            <input />
            <button class="btn-default" id="addNewReport">保存</button>
        </div>
    </div>
</div>
<div style="position:absolute;right:0;top:350px">
    <a href="#filterPanel" class="filterArea"><span>查看方案</span></a>
</div>
<div class="buttondiv" style="position:absolute;bottom:50px;width:90%;margin:0 auto;">
    <button type="button" class="btn btn-default" id="search" style="width:200px;margin:20px auto;display:block" onclick="location.href='../Trial/Purpose'">查看方案</button>
    <button type="button" class="btn btn-default" id="search" style="width:200px;margin:20px auto;display:block">完成实验</button>
</div>
    <!--filter panel-->
<div id="filterPanel" class="fixedPanel wholeScreen" data-role="panel" data-position="right" style="width:inherit; background-image: url('../../Images/phone.jpg');" >
    <table style="margin-top:10px;color:#ffffff;border-bottom:1px solid #e5e5e5;width:100%">
        <tr>
            <td class="purposetitle" width="95%">示范目的</td>
            <td id="trialPurpose"><img src="~/Images/triangle.png" /></td>
        </tr>
        <tr style="margin-bottom:10px">
            <td class="purposedesc">
                通过示范展示锐超麦对小麦田主要阔叶防除效果、使用技术及对小麦的安全性。
                通过示范展示锐超麦对小麦田主要阔叶防除效果、使用技术及对小麦的安全性。
                通过示范展示锐超麦对小麦田主要阔叶防除效果、使用技术及对小麦的安全性。
                通过示范展示锐超麦对小麦田主要阔叶防除效果、使用技术及对小麦的安全性。
            </td>
        </tr>
    </table>

    <table style="margin-top:10px;color:#ffffff;border-bottom:1px solid #e5e5e5;width:100%">
        <tr>
            <td class="purposetitle" width="95%">供试药剂</td>
            <td><img src="~/Images/triangle.png" /></td>
        </tr>
        <tr style="margin-bottom:10px">
            <td class="purposedesc">
                猪殃殃、荠菜、播娘蒿。（锐超麦不防抗性繁缕/牛繁缕）
            </td>
        </tr>
    </table>

    <table style="margin-top:10px;color:#ffffff;border-bottom:1px solid #e5e5e5;width:100%">
        <tr>
            <td class="purposetitle" width="95%">品种</td>
            <td><img src="~/Images/triangle.png" /></td>
        </tr>
        <tr style="margin-bottom:10px">
            <td class="purposedesc">
                当地主导品种
            </td>
        </tr>
    </table>

    <table style="margin-top:10px;color:#ffffff;border-bottom:1px solid #e5e5e5;width:100%">
        <tr>
            <td class="purposetitle" width="95%">子品种</td>
            <td><img src="~/Images/triangle.png" /></td>
        </tr>
        <tr style="margin-bottom:10px">
            <td class="purposedesc">
                锐超麦+助剂
            </td>
        </tr>
    </table>

    <table style="margin-top:10px;color:#ffffff;border-bottom:1px solid #e5e5e5;width:100%">
        <tr>
            <td class="purposetitle" width="95%">补充</td>
            <td><img src="~/Images/triangle.png" /></td>
        </tr>
        <tr style="margin-bottom:10px;font-size:12px">
            <td class="purposedesc">
                <ul>
                    <li>
                        试验设计:小麦长势好，杂草全田分布均匀一致的小麦田。不设重复，建议处理区为1亩地，空白对照小区面积为30-60平方米。小区设置可参照下图
                    </li>
                    <li>
                        施药时间和方法:
                        施药时间：冬季小麦3叶后；春季小麦起身返青，杂草出齐后，尽早施用
                        叶面喷雾，用水量15-30升/亩，喷雾要求均匀周到。
                    </li>
                    <li>
                        调查内容和方法：
                        按照示范PPT模板填写试验信息与示范结果

                        冬季施药，建议30天左右观察一次，90到120天观察一次
                        春季施药，建议7到15观察一次，30到45天观察一次

                    </li>
                    <li>
                        示范结果和报告
                        示范结束后1个月内提供示范结果和现场会PPT。

                    </li>
                    <li>
                        其他：
                        田间禾本科杂草，可用优先或好麦农防除。

                    </li>
                </ul>
            </td>
        </tr>
    </table>

</div>
<script>
    $().ready(function () {
        var width = screen.width;
        $(".buttondiv").css('width', width);
    })
    $('tr td img').click(function () {
        if ($(this).parent().parent().parent().children()[1].style.display == 'none') {
            $(this).attr("src", "../Images/Triangle.png");
            $(this).parent().parent().parent().children()[1].style.display = 'block'
        } else {
            $(this).parent().parent().parent().children()[1].style.display = 'none';
            $(this).attr("src", "../Images/Triangle Copy.png");
        }
    })
</script>